require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/About.css';
import React, {Component} from 'react';
import {Form, Row, Col, Layout,Icon } from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');


const  phone =In8.Kefu.phone; //"客服电话：0591-88505000";
const  mail = In8.Kefu.phone;// "客服邮箱：xxxxxxx@163.com"
class Kefu extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '680px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col span={12} style={{padding:'0 1%',backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'400px'}} >
              <h1 style={{color:'#1676be',fontSize:'30px'}}>关于我们</h1>
              <p style={{fontSize:'25', textIndent:'2em'}}>
                <span>
                  <Icon type="phone" /> {phone}
                </span>
              </p>
              <p style={{fontSize:'25', textIndent:'2em'}}>
                <span>
                  <Icon type="mail" /> {mail}
                </span>
              </p>

            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Kefu);
